<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="static/css/reset.css">
    <link rel="stylesheet" href="static/css/base.css">
    <link rel="stylesheet" href="static/css/index.css">
    <link rel="stylesheet" href="static/css/swiper.min.css">
    <title>活动首页</title>
</head>
<body>
    <main class="main">
        <div class="swiper-container">
            <div class="swiper-wrapper" id="banner">
                <!-- 轮播图  -->
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <div class="item">
            <a href="../h5/view/buyCar.html?type=0">
                <div class="buyCar">
                    <div class="pic1">
                        <img src="static/images/zsy1.png" id="buyCar" alt="亲子">
                    </div>
                    <div style="text-align: center">亲子</div>
                </div>
            </a>
           <a href="../h5/view/buyCar.html?type=1">
            <div class="rentCar">
                <div class="pic1">
                    <img src="static/images/zsy2.png" alt="互联网">
                </div>
                <div style="text-align: center">互联网</div>
            </div>
           </a>
           <a href="../h5/view/buyCar.html?type=2">
            <div class="financialService">
                <div class="pic1">
                    <img src="static/images/zsy3.png" alt="创业">
                </div>
                <div style="text-align: center">创业</div>
            </div>
           </a>
           <a href="../h5/view/buyCar.html?type=3">
            <div class="driver">
                <div class="pic1">
                    <img src="static/images/zsy4.png" alt="职业培训">
                </div>
                <div style="text-align: center">职业培训</div>
            </div>
           </a>
           <a href="../h5/view/buyCar.html?type=4">
            <div class="driver">
                <div class="pic1">
                    <img src="static/images/zsy5.png" alt="兴趣培养">
                </div>
                <div style="text-align: center">兴趣培养</div>
            </div>
           </a>
           
        </div>
        <div class="item">
            <a href="../h5/view/buyCar.html?type=5">
                <div class="buyCar">
                    <div class="pic1">
                        <img src="static/images/zsy6.png" id="buyCar" alt="运动&户外">
                    </div>
                    <div style="text-align: center">运动&户外</div>
                </div>
            </a>
            <a href="../h5/view/buyCar.html?type=6">
                <div class="rentCar">
                <div class="pic1">
                    <img src="static/images/zsy7.png" alt="丽人">
                </div>
                <div style="text-align: center">丽人</div>
            </div>
           </a>
           <a href="../h5/view/buyCar.html?type=7">
            <div class="financialService">
                <div class="pic1">
                    <img src="static/images/zsy8.png" alt="交友聚会">
                </div>
                <div style="text-align: center">交友聚会</div>
            </div>
           </a>
           <a href="../h5/view/buyCar.html?type=8">
            <div class="driver">
                <div class="pic1">
                    <img src="static/images/zsy9.png" alt="企业服务">
                </div>
                <div style="text-align: center">企业服务</div>
            </div>
           </a>
           <a href="../h5/view/buyCar.html?type=9">
            <div class="driver">
                <div class="pic1">
                    <img src="static/images/zsy10.png" alt="演出&展览">
                </div>
                <div style="text-align: center">演出&展览</div>
            </div>
           </a>
           
        </div>

       
        
        <div class="rent">
            <div class="rentText">
                <div class="rentType">亲子</div>
                <!-- <div class="allRent">全部</div> -->
            </div>
            <div class="paixu" id="paixu">
                
            </div>
        </div>
        <div class="rent">
            <div class="rentText">
                <div class="rentType">互联网</div>
                <!-- <div class="allRent">全部</div> -->
            </div>
            <div class="paixu-1" id="paixu-1">
                    
            </div>
        </div>
        <div class="rent">
            <div class="rentText">
                <div class="rentType">创业</div>
                <!-- <div class="allRent">全部</div> -->
            </div>
            <div class="paixu-2" id="paixu-2">
                    
            </div>
        </div>
        <div class="rent">
            <div class="rentText">
                <div class="rentType">职业培训</div>
                <!-- <div class="allRent">全部</div> -->
            </div>
            <div class="paixu-3" id="paixu-3">
                    
            </div>
        </div>
        <div class="rent">
            <div class="rentText">
                <div class="rentType">兴趣培养</div>
                <!-- <div class="allRent">全部</div> -->
            </div>
            <div class="paixu-4" id="paixu-4">
                    
            </div>
        </div>
        <div class="rent">
            <div class="rentText">
                <div class="rentType">运动&户外</div>
                <!-- <div class="allRent">全部</div> -->
            </div>
            <div class="paixu-5" id="paixu-5">
                    
            </div>
        </div>
        <div class="rent">
            <div class="rentText">
                <div class="rentType">丽人</div>
                <!-- <div class="allRent">全部</div> -->
            </div>
            <div class="paixu-6" id="paixu-6">
                    
            </div>
        </div>
        <div class="rent">
            <div class="rentText">
                <div class="rentType">交友聚会</div>
                <!-- <div class="allRent">全部</div> -->
            </div>
            <div class="paixu-7" id="paixu-7">
                    
            </div>
        </div>
        <div class="rent">
            <div class="rentText">
                <div class="rentType">企业服务</div>
                <!-- <div class="allRent">全部</div> -->
            </div>
            <div class="paixu-8" id="paixu-8">
                    
            </div>
        </div>
        <div class="rent">
            <div class="rentText">
                <div class="rentType">演出&展览</div>
                <!-- <div class="allRent">全部</div> -->
            </div>
            <div class="paixu-9" id="paixu-9">
                    
            </div>
        </div>

    </main>
    <footer class="footer">
        <div class="footer-item">
            <a href="javascript:void(0);">
                <div class="footer-pic">
                    <img src="static/images/footer-1.png" alt="首页">
                </div>
                <p>首页</p>
            </a>
        </div>
        <div class="footer-item message">
            <!-- <a href="javascript:void(0);"> -->
                <div class="footer-pic">
                    <img src="static/images/footer-2.png" alt="发布活动">
                </div>
                <p>发布活动</p>
            <!-- </a> -->
        </div>
        <div class="footer-item">
            <!-- <a href="../h5/view/orderForm.html"> -->
                <div class="footer-pic">
                    <img src="static/images/footer-3.png" alt="我的活动">
                </div>
                <p>我的活动</p>
            <!-- </a> -->
        </div>
        <div class="footer-item">
            <a href="../h5/view/my.html">
                <div class="footer-pic">
                    <img src="static/images/footer-4.png" alt="我的">
                </div>
                <p>我的</p>
            </a>
        </div>
    </footer>

    <div class="message-box"></div>
    <!-- <div class="qrcode-box">
        <div class="qrcode-wrap">
            <div class="close"></div>
            <p>请扫二维码进入小程序</p>
            <div class="qrcode-img">
                <img src="static/images/zhaodui.jpg" alt="">
            </div>
        </div>
    </div> -->
    <!-- <div class="hb">
        <div class="hb-bg"></div>
        <div class="hb-wrap">
            <div class="hb-gb"></div>
            <div class="hb-sx"></div>
            <div class="hb-box">
                <div class="hb-tit">新用户专享福利</div>
                <div class="hb-desc">送超值大礼包</div>
                <a href="view/xrhb.html" class="hb-btn">立即领取</a>
            </div>
        </div>
    </div> -->

    <script src="static/js/jquery.min.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
    <script src="static/js/rem.js"></script>
    <script src="static/js/base.js"></script>
    <script src="static/js/index.js"></script>
    <script src="static/js/swiper.min.js"></script>
    <script>
        $(function(){
            var openId = getQueryString("openId");
            if(openId){
                localStorage.setItem("openId",openId);  //设置本地存储 openId的值
            }
        });
    </script>
</body>
</html>